<template>
  <el-dialog
      title="查看流水详细信息"
      :visible.sync="lookFlowShow"
      width="80%"
      :before-close="handleClose"
  >
    <div v-if="formComputed">
      <el-row>
        <el-col :span="12">
          <span style="font-weight: 700">交易号:</span>
          <span
              style="
                            color: #909399;
                            padding-right: 18px;
                        "
          >
                        {{ formComputed.jyls }}
                    </span>
        </el-col>
        <el-col :span="12">
          <span style="font-weight: 700">交易日期:</span>
          <span style=" color: #909399">
                        {{ formComputed.jyrq }}
                    </span>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <span style="font-weight: 700">业务编号:</span>
          <span
              style="

                            color: #909399;
                            padding-right: 18px;
                        "
          >
                        {{ formComputed.ywbh }}
                    </span>
        </el-col>
        <el-col :span="12">
          <span style="font-weight: 700">原业务编号:</span>
          <span style=" color: #909399;">
                        {{ formComputed.ysjyls }}
                    </span>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="12">
          <span style="font-weight: 700">业务类型:</span>
          <span style=" color: #909399;padding-right: 18px">
                      {{ formComputed.ywlxbm }}
                  </span>
        </el-col>
        <el-col :span="12">
          <span style="font-weight: 700">保全项目代码:</span>
          <span
              style="

                            color: #909399;
                        "
          >
                        {{ formComputed.bqxmdm }}
                    </span>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <span style="font-weight: 700">保全项目名称:</span>
          <span style=" color: #909399;padding-right: 18px">
                        {{ formComputed.bqxmmc }}
                    </span>
        </el-col>
        <el-col :span="12">
          <span style="font-weight: 700">未开票金额:</span>
          <span
              style="

                            color: #909399;
                        "
          >
                        {{ formComputed.wkpje }}
                    </span>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <span style="font-weight: 700">交易金额(含税):</span>
          <span style=" color: #909399;padding-right: 18px">
                        {{ formComputed.jyje }}
                    </span>
        </el-col>
        <el-col :span="12">
          <span style="font-weight: 700">交易金额(不含税):</span>
          <span
              style="

                            color: #909399;
                        "
          >
                        {{ formComputed.bhsje }}
                    </span>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <span style="font-weight: 700">税率:</span>
          <span style=" color: #909399;padding-right: 18px;">
                        {{ formComputed.sysl }}
                    </span>
        </el-col>
        <el-col :span="12">
          <span style="font-weight: 700">税额</span>
          <span
              style="

                            color: #909399;
                        "
          >
                        {{ formComputed.xxse }}
                    </span>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <span style="font-weight: 700">获票人名称:</span>
          <span style=" color: #909399;padding-right: 18px;">
                        {{ formComputed.kfhm }}
                    </span>
        </el-col>
        <el-col :span="12">
          <span style="font-weight: 700">纳税人识别号:</span>
          <span
              style="

                            color: #909399;
                        "
          >
                        {{ formComputed.nsrsbh }}
                    </span>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <span style="font-weight: 700">是否个人业务:</span>
          <span style=" color: #909399;padding-right: 18px">
                        {{ formComputed.isgryw }}
                    </span>
        </el-col>
        <el-col :span="12">
          <span style="font-weight: 700">证件类型:</span>
          <span
              style="

                            color: #909399;
                        "
          >
                        {{ formComputed.zjlx }}
                    </span>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <span style="font-weight: 700">证件号码:</span>
          <span style=" color: #909399;padding-right: 18px">
                        {{ formComputed.zjhm }}
                    </span>
        </el-col>
        <el-col :span="12">
          <span style="font-weight: 700">险种代码:</span>
          <span
              style="

                            color: #909399;
                        "
          >
                        {{ formComputed.xzdm }}
                    </span>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <span style="font-weight: 700">险种简称:</span>
          <span style=" color: #909399;padding-right: 18px">
                        {{ formComputed.xzjc }}
                    </span>
        </el-col>
        <el-col :span="12">
          <span style="font-weight: 700">险种全称:</span>
          <span
              style="

                            color: #909399;
                        "
          >
                        {{ formComputed.xzqc }}
                    </span>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="24">
          <span style="font-weight: 700">备注:</span>
          <span
              style="

                            color: #909399;
                            padding-right: 18px;
                        "
          >
                        {{ formComputed.bz }}
                    </span>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <span style="font-weight: 700">交易机构:</span>
          <span
              style="

                            color: #909399;
                            padding-right: 18px;
                        "
          >
                        {{ formComputed.jyjg }}
                    </span>
        </el-col>
        <el-col :span="12">
          <span style="font-weight: 700">投保单号:</span>
          <span style=" color: #909399">
                        {{ formComputed.tbdh }}
                    </span>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="12">
          <span style="font-weight: 700">汇交单号:</span>
          <span
              style="

                            color: #909399;
                            padding-right: 18px;
                        "
          >
                        {{ formComputed.hjdh }}
                    </span>
        </el-col>
        <el-col :span="12">
          <span style="font-weight: 700">学平险受理号:</span>
          <span style=" color: #909399">
                        {{ formComputed.xpxslh }}
                    </span>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <span style="font-weight: 700">缴费方式:</span>
          <span
              style="

                            color: #909399;
                            padding-right: 18px;
                        "
          >
                        {{ formComputed.jffs }}
                    </span>
        </el-col>
        <el-col :span="12">
          <span style="font-weight: 700">税优识别码:</span>
          <span style=" color: #909399">
                        {{ formComputed.sysbm }}
                    </span>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="12">
          <span style="font-weight: 700">缴费起期:</span>
          <span
              style="

                            color: #909399;
                            padding-right: 18px;
                        "
          >
                        {{ formComputed.jfqsrq }}
                    </span>
        </el-col>
        <el-col :span="12">
          <span style="font-weight: 700">缴费止期:</span>
          <span style=" color: #909399">
                        {{ formComputed.jfjzrq }}
                    </span>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <span style="font-weight: 700">电子邮箱:</span>
          <span
              style="

                            color: #909399;
                            padding-right: 18px;
                        "
          >
                        {{ formComputed.dzyx }}
                    </span>
        </el-col>
        <el-col :span="12">
          <span style="font-weight: 700">手机号:</span>
          <span style=" color: #909399">
                        {{ formComputed.sjh }}
                    </span>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="12">
          <span style="font-weight: 700">服务人员编码:</span>
          <span
              style="

                            color: #909399;
                            padding-right: 18px;
                        "
          >
                        {{ formComputed.fwrybh }}
                    </span>
        </el-col>
        <el-col :span="12">
          <span style="font-weight: 700">服务人员姓名:</span>
          <span style=" color: #909399">
                        {{ formComputed.fwryxm }}
                    </span>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <span style="font-weight: 700">区:</span>
          <span
              style="

                            color: #909399;
                            padding-right: 18px;
                        "
          >
                        {{ formComputed.qmc }}
                    </span>
        </el-col>
        <el-col :span="12">
          <span style="font-weight: 700">部:</span>
          <span style=" color: #909399">
                        {{ formComputed.bmc }}
                    </span>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="12">
          <span style="font-weight: 700">组:</span>
          <span
              style="

                            color: #909399;
                            padding-right: 18px;
                        "
          >
                        {{ formComputed.zmc }}
                    </span>
        </el-col>
        <el-col :span="12">
          <span style="font-weight: 700">来源系统:</span>
          <span style=" color: #909399">
                        {{ formComputed.sjly }}
                    </span>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <span style="font-weight: 700">供数日期:</span>
          <span
              style="

                            color: #909399;
                            padding-right: 18px;
                        "
          >
                        {{ formComputed.gsrq }}
                    </span>
        </el-col>
      </el-row>
    </div>
  </el-dialog>
</template>
<script>
export default {
  model: {
    prop: 'lookFlowShow',
    event: 'change',
  },
  created() {
  },
  props: {
    lookFlowShow: {
      type: Boolean,
      default: false,
    },
    formComputed: {
      type: Object,
      default: ()=>{},
    },
  },
  data() {
    return {

    }
  },
  methods: {
    handleClose() {
      this.$emit('change', false)
    },
  },
}
</script>

<style lang="scss" scoped>
::v-deep .el-dialog_wrapper .dialog-fade-leave-active {
  animation-fill-mode: forwards;
}

::v-deep .el-dialog__body {
  padding: 10px 20px;
}

::v-deep .el-row {
  margin-bottom: 12px;
}

::v-deep .el-dialog {
  margin-top: 10px !important;
}
</style>